<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Calendar</title>
	<link rel="stylesheet" type="text/css" href="css/calendar.css" />

    
    <sx:head/>
</head>
<body>
<sx:div id="loginDiv" theme="ajax" loadingText="Cargando...">
			<table style="width: 100%">
				<tr>
					<td>
						 <s:form method="POST" action="crearEvento" cssStyle="height: 25px;" >
						    <input type="hidden" name="admisor" id="admisor" value="<s:property value='admisor' />"/>
						    <input type="hidden" name="admisorNombre" id="admisorNombre" value="<s:property value='admisorNombre' />"/>
							<span class="textoCombo">Fecha:</span>
							&nbsp; <sx:datetimepicker id="fecha" name="fecha" displayFormat="dd/MM/yyyy" cssClass="date" labelSeparator="/" cssErrorClass="dateError"  />
							&nbsp;
							<!-- make it happen -->
						
							<span class="textoCombo">Hora Desde:</span>&nbsp;
							<select id="horaDesde" name="horaDesde" class="tazul2">
							<option value="8:00">8:00</option>
							<option value="8:30">8:30</option>
							<option value="9:00">9:00</option>
							<option value="9:30">9:30</option>
							<option value="10:00">10:00</option>
							<option value="10:30">10:30</option>
							<option value="11:00">11:00</option>
							<option value="11:30">11:30</option>
							<option value="12:00">12:00</option>
							<option value="12:30">12:30</option>
							<option value="13:00">13:00</option>
							<option value="13:30">13:30</option>
							<option value="14:00">14:00</option>
							<option value="14:30">14:30</option>
							<option value="15:00">15:00</option>
							<option value="15:30">15:30</option>
							<option value="16:00">16:00</option>
							<option value="16:30">16:30</option>
							<option value="17:00">17:00</option>
							<option value="17:30">17:30</option>
							</select>&nbsp;
							<select id="horaHasta" name="horaHasta" class="tazul2">
							<option value="8:30">8:30</option>
							<option value="9:00">9:00</option>
							<option value="9:30">9:30</option>
							<option value="10:00">10:00</option>
							<option value="10:30">10:30</option>
							<option value="11:00">11:00</option>
							<option value="11:30">11:30</option>
							<option value="12:00">12:00</option>
							<option value="12:30">12:30</option>
							<option value="13:00">13:00</option>
							<option value="13:30">13:30</option>
							<option value="14:00">14:00</option>
							<option value="14:30">14:30</option>
							<option value="15:00">15:00</option>
							<option value="15:30">15:30</option>
							<option value="16:00">16:00</option>
							<option value="16:30">16:30</option>
							<option value="17:00">17:00</option>
							<option value="17:30">17:30</option>
							<option value="18:00">18:00</option>
							</select>&nbsp;
							
							<!-- sx:submit  targets="loginDiv" notifyTopics="/crearEvento" value="crear"  cssStyle="display: inline;"   /-->  
							<input type="submit" targets="loginDiv" notifytopics="/crearEvento" style="display: inline;" id="widget_1450680428" ajaxaftervalidation="false" validate="false" value="Crear Evento" events="onclick" dojotype="struts:Bind"/>
							<script type="text/javascript" language="JavaScript">
								djConfig.searchIds.push("fecha");
								djConfig.searchIds.push("widget_1450680428");
							</script>
							<div style="visibility: visible; display: block;" id="message" class="error"><s:actionerror /><s:fielderror /><br></div>
							
						</s:form>	
					</td>
				</tr>
				<tr>
					<td>
						<div id="iframeCalendarAdmisor">
						 <iframe src="https://www.google.com/calendar/embed?title=<s:property value='admisorNombre' />&amp;showCalendars=0&amp;mode=WEEK&amp;height=500&amp;wkst=1&amp;hl=es&amp;bgcolor=%23F7F7F7&amp;<s:iterator value="calendarsAdmisor" id="calendarsAdmisor">src=<s:property value='#calendarsAdmisor.admisor' />&amp;color=%23<s:property value='#calendarsAdmisor.color' />&amp;</s:iterator>ctz=America%2FArgentina%2FBuenos_Aires" style='border-width:0' width='100%' height='500px' frameborder='0' scrolling='no'></iframe>
						 </div>	
					</td>
				</tr>
			</table>
		</sx:div>
</body>
</html>